.menu_tab{
    display:flex;
    gap:10px;
    margin-bottom:20px;
}
.menu_tab li a{
    padding:8px 20px;
    background:var(--graydd);
    color:var(--whiteff);
    font-size:15px;
    border-radius: 5px;
    display:block;;
}
.service h4{
    font-size:16px;
    line-height: 1.5;
    color: var(--gray44);
}
.menu_tab li.on a{
    background:var(--gray44);
}
.servi_part01 .img{
    margin-bottom:10px;
}
.servi_part01 .img img{
    border-radius: 8px;
}
.menu-item .desc h3{
    font-size:16px;
    font-weight: 600;
    color: var(--gray44);
    margin-bottom:10px;
    line-height: 1.5;
}
.menu-item .desc p{
    font-size:15px;
    color: var(--gray66);
    font-weight: 400;
    line-height: 1.5;
}

.breakFast{
    width:100%;
}
.breakFast .img-box-wrap{
    display:flex;
    gap:10px;
}
.breakFast .img-box-wrap .img-box{
    position:relative;
    flex:1;
}
.breakFast .img-box-wrap .img-box img{
    width:100%;
    border-radius: 8px;;
}
.breakFast .img-box-wrap .img-box h4{
    width:100%;
    text-align: center;
    font-size:40px;
    color:var(--whiteff);
    font-weight: 600;
    position:absolute;
    top:20px;
    text-transform: uppercase;
}
.breakFast .desc{
    font-size:13px;
    line-height:1.2;
    color: var(--gray66);
}
.smoothie{
    display: grid;
    gap:5px;
    grid-template-columns: 1fr 1fr 1fr;
}
.smoothie li{
    width:auto;
}
.smoothie li img{
    width:100%;
    border-radius: 8px;
}
.smoothie li p{
    font-size:13px !important;
    line-height:1.5;
    color: var(--gray66);
    font-weight: 400;
    display:flex;
    align-items: flex-start;
    margin-top:7px;
    gap:3px;
}
.smoothie li p i{
    display:inline-block;
    background:var(--redec);
    font-size:13px;
    color:var(--whiteff);
    height:20px;
    line-height: 20px;
    padding:0 7px;
    margin-top:2px;
    border-radius: 3px;
}
.smoothie + ol{
    list-style: decimal;
}
.smoothie + ol li{
    font-size:13px;
    line-height: 1.4;
    color:var(--gray66);
    font-weight: 400;
    margin-bottom:10px;
}
.breakFastMenu{
    display: flex;
    gap:10px;
    flex-wrap:wrap;
}
.breakFastMenu li{
    border:1px solid var(--black22);
    width:calc(50% - 5px);
    border-radius: 8px;;
}
.breakFastMenu li .MenuImg{
    width:100%;
    height:0;
    padding-bottom:67%;
    position:relative;
    overflow: hidden;
    margin-bottom:10px;
}
.breakFastMenu li .MenuImg img{
    width:100%;
    height:100%;
    object-fit: cover;
    position:absolute;
    left:0;
    border-radius: 8px;;
}
.breakFastMenu li .MenuText {
    padding:0 10px 10px;
    text-align: center;
}
.breakFastMenu li .MenuText h4{
    font-size:16px;
    font-weight:500;
    color: var(--black22);
    margin-bottom:10px;
}
.breakFastMenu li .MenuText h4 span{
    font-size:14px;
    color: var(--redec);
    margin-left:10px;
}
.breakFastMenu li .MenuText p{
    font-size:13px;
    line-height: 1.5;
    color: var(--gray66);
}
.breakFastPop .popImg{
    width:100%;
    height:0;
    padding-bottom:60%;
    position:relative;
    overflow: hidden;
}
.breakFastPop .popImg img{
    width:100%;
    height:100%;
    object-fit: cover;
    position:absolute;
    left:0;;
    border-radius: 8px;;
}
.breakFastPop .popInfo h4{
    font-size:15px;
    font-weight: 500;
    color: var(--black22);
    margin-bottom:10px;
}
.breakFastPop .popInfo span{
    padding:4px 10px;
    border:1px solid var(--black22);
    border-radius: 5px;
    display: inline-block;;
    font-size:14px;
}
.breakFastPop .popInfo .popDetail{
    font-size:13px;
    line-height:1.5;
    color: var(--gray66);
}
.breakFastPop .popInfo ul{
    display:flex;
    flex-direction: column;
    gap:6px;
    margin-bottom:20px;
}
.breakFastPop .popInfo ul li:first-child{
    font-size:16px;
    color:var(--black22);
    padding-left:0;
}
.breakFastPop .popInfo ul li:first-child:before{
    display: none;;
}
.breakFastPop .popInfo ul li{
    font-size:13px;
    position:relative;
    padding-left:13px;
}
.breakFastPop .popInfo ul li::before{
    content:"";
    width:5px;
    height:5px;
    background:var(--black22);
    border-radius: 50px;
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}

@media (width <= 480px){
    .breakFast .img-box-wrap .img-box h4{
        font-size:32px;
        top:30px;
    }
}

@media (width <= 420px){
    .smoothie{
        grid-template-columns: 1fr 1fr;
    }
}